<template>
  <div class="footer_home">
    <div @click="goIndex()">
      <div>
        <svg
          t="1619518822140"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1361"
          width="20"
          height="20"
        >
          <path
            d="M1011.71947 435.215011l-87.748571-84.538696V104.033954c0-22.089137-17.9073-39.998437-39.998436-39.998437h-159.993748c-22.091137 0-39.998437 17.9093-39.998436 39.998437v14.569431l-88.834529-86.716611a40.952399 40.952399 0 0 0-1.215952-1.139956c-45.510221-40.864403-114.277534-41.008397-159.957749-0.335987-0.373985 0.333987-0.741971 0.671974-1.101956 1.019961L12.306529 435.167013c-25.84899 24.851029-8.141682 68.82931 27.700917 68.853309h59.997656v359.985931c0 88.220552 71.773195 159.993747 159.993747 159.993747h143.994372c22.091137 0 39.998437-17.9073 39.998437-39.998437v-285.988823h139.994529v285.988823c0 22.091137 17.9073 39.998437 39.998436 39.998437h139.994529c88.220552 0 159.993747-71.773195 159.993747-159.993747 0-22.091137-17.9073-39.998437-39.998437-39.998437s-39.998437 17.9073-39.998436 39.998437c0 44.110276-35.886597 79.996874-79.996874 79.996873h-99.996092v-285.988823c0-22.091137-17.9073-39.998437-39.998437-39.998436h-219.991402c-22.091137 0-39.998437 17.9073-39.998437 39.998436v285.988823h-103.995935c-44.110276 0-79.996874-35.886597-79.996874-79.996873v-359.985931h663.974051v159.993747c2.111917 53.069926 77.902955 53.029927 79.996873 0v-159.993747h59.997655a39.998437 39.998437 0 0 0 27.748916-68.805311z m-872.289909-11.193563l348.206391-334.274935a39.966438 39.966438 0 0 1 52.329955 0.065997l156.0759 152.354046a39.998437 39.998437 0 0 0 67.937345-28.620882V144.032391h79.996874v223.651259a39.998437 39.998437 0 0 0 12.247521 28.804874l28.578883 27.532924z"
            p-id="1362"
          ></path>
        </svg>
      </div>
      <div>首页</div>
    </div>
    <div @click="goComunication">
      <div>
        <svg
          t="1619519026660"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1556"
          width="20"
          height="20"
        >
          <path
            d="M903 544c22.092 0 40-17.908 40-40V40c0-22.092-17.908-40-40-40h-702c-66.168 0-120 53.832-120 120v784c0 66.168 53.832 120 120 120h702c53.072-2.112 53.032-77.906 0-80h-702c-53.078-2.204-53.038-77.816 0-80h702c22.092 0 40-17.908 40-40v-120c-2.112-53.072-77.906-53.032-80 0v80h-542V80h542v424c0 22.092 17.908 40 40 40z m-662 240h-40a119.472 119.472 0 0 0-40 6.854V120c0-22.056 17.944-40 40-40h40z m552.562-230.892c-13.194-59.17-52.034-110.788-102.482-138.962 52.728-78.228-5.076-186.714-100.082-186.146-94.998-0.572-152.816 107.938-100.078 186.146-51.336 28.672-89.954 78.756-102.482 139.336-4.212 20.372 0.888 41.286 13.994 57.378 13.01 15.976 32.274 25.14 52.848 25.14h271.44c20.48 0 39.696-9.17 52.716-25.162 13.208-16.218 18.358-37.26 14.124-57.728M591 308c22.056 0 40 17.944 40 40-2.198 53.066-77.81 53.05-80 0 0-22.056 17.944-40 40-40z m0 160c55.054 0 103.708 36.258 120.586 88H470.414c16.878-51.742 65.532-88 120.586-88z"
            p-id="1557"
          ></path>
        </svg>
      </div>
      <div>通讯录</div>
    </div>
    <div @click="goShop">
      <div>
        <svg
          t="1619519112882"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1703"
          width="20"
          height="20"
        >
          <path
            d="M1014.999646 232.725523A39.997574 39.997574 0 0 0 983.995976 217.99768H259.489688l-2.985968-27.28771a61.797342 61.797342 0 0 0-0.101999-0.851991C242.199872 81.623131 149.170862 0 40.006024 0c-22.091765 0-39.999574 17.907809-39.999574 39.999574s17.907809 39.999574 39.999574 39.999574c69.015265 0 127.850639 51.501452 137.024542 119.866725l57.507387 525.532405c5.291944 48.355485 31.631663 89.639046 69.317263 115.152775-52.277444 76.889182 4.505952 183.994041 98.146955 183.438047 79.555153 1.101988 138.340527-81.251135 111.720811-155.998339h172.552163c-26.607717 74.755204 32.153658 157.098328 111.722811 155.998339 156.532334-6.475931 156.502334-229.535557-0.002-235.997488H393.58626c-40.887565 0-75.077201-30.651674-79.525153-71.297241l-1.169988-10.701886h489.294792c75.565196 0 141.472494-53.719428 156.710332-127.73264l21.041776-102.198912A39.999574 39.999574 0 0 0 940.760436 427.995444h-179.914085l10.399889-129.998616h163.676258l-0.809991 3.933958c-4.453953 21.63777 9.473899 42.789545 31.111669 47.243497a40.199572 40.199572 0 0 0 8.107913 0.829991c18.583802-0.002 35.241625-13.025861 39.135584-31.94166l10.705886-51.999446a40.001574 40.001574 0 0 0-8.173913-33.337645zM797.997956 867.990761c20.953777 0 37.999596 17.045819 37.999595 37.999595-2.087978 50.411463-73.919213 50.397464-75.999191 0 0-20.953777 17.045819-37.999596 37.999596-37.999595z m-395.995785 0c20.953777 0 37.999596 17.045819 37.999595 37.999595-2.087978 50.411463-73.919213 50.397464-75.999191 0 0-20.953777 17.045819-37.999596 37.999596-37.999595z m-133.758576-569.993933h156.508334l10.399889 129.998616h-152.682375z m35.893618 327.996509l-12.911863-117.998744h150.3284l9.439899 117.998744z m360.612161 0h-133.502579l-9.439899-117.998744h152.382378z m15.839831-197.997893h-165.182241l-10.39989-129.998616h185.982021z m211.097753 79.999149l-11.145881 54.131423C872.921158 599.133623 839.969509 625.993337 802.185911 625.993337h-57.181391l9.439899-117.998744z"
            p-id="1704"
          ></path>
        </svg>
      </div>
      <div>购物车</div>
    </div>
    <div @click="goMyhome">
      <div>
        <svg
          t="1619518872602"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1361"
          width="20"
          height="20"
        >
          <path
            d="M1021.404 877.446c-4.502-21.628-25.69-35.504-47.314-31.008-21.628 4.502-35.51 25.686-31.006 47.312 2.594 12.458-0.496 25.226-8.472 35.038-4.62 5.682-14.922 15.212-31.998 15.212H550v-194c0-22.092-17.908-40-40-40s-40 17.908-40 40v194H121.386c-17.076 0-27.378-9.532-31.998-15.212-7.978-9.81-11.066-22.58-8.472-35.038 21.768-104.56 80.486-194.34 160.7-256.798l5.216 17.768a99.924 99.924 0 0 0 65.172 66.976 99.922 99.922 0 0 0 92.052-16.114l106.068-82.232 106.794 81.98a99.862 99.862 0 0 0 92.708 15.478 99.852 99.852 0 0 0 64.598-68.272l5.08-18.462a441.84 441.84 0 0 1 98.714 105.04c12.3 18.35 37.148 23.252 55.5 10.948 18.348-12.302 23.25-37.15 10.946-55.498-42.062-62.734-96.318-114.488-158.46-152.992a39.784 39.784 0 0 0-19.39-12.138c-0.684-0.188-1.37-0.304-2.054-0.456a519.2 519.2 0 0 0-89.72-39.24C741.07 440.082 784 360.96 784 272 784 122.018 661.982 0 512 0S240 122.018 240 272c0 89.018 42.984 168.184 109.286 217.836-60.742 19.996-117.742 51.092-167.626 92.124-91.464 75.234-155.058 180.172-179.064 295.486-7.524 36.132 1.49 73.244 24.726 101.816C50.444 1007.694 84.73 1024 121.386 1024h781.226c36.658 0 70.944-16.306 94.064-44.738 23.24-28.572 32.252-65.684 24.728-101.816zM708.492 589.878l-11.402 41.43c-2.458 8.934-9.15 12.388-12.92 13.654-3.772 1.264-11.194 2.546-18.542-3.094l-126.858-97.382a439.664 439.664 0 0 1 169.722 45.392zM320 272c0-105.87 86.13-192 192-192s192 86.13 192 192c0 102.674-81.01 186.778-182.47 191.762a521.144 521.144 0 0 0-9.53-0.096c-3.122 0-6.24 0.046-9.358 0.102C401.102 458.872 320 374.732 320 272z m160.88 272.794l-125.842 97.564c-7.27 5.632-14.656 4.436-18.41 3.222-3.756-1.214-10.444-4.57-13.034-13.394l-11.754-40.042c51.696-26.526 108.996-43.07 169.04-47.35z"
            p-id="1362"
          ></path>
        </svg>
      </div>
      <div>我的</div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    goIndex() {
      this.$router.push("/index");
    },
    goComunication() {
      this.$router.push("/comunication");
    },
    goShop() {
      this.$router.push("/shop");
    },
    goMyhome() {
      this.$router.push("/myhome");
    },
  },
};
</script>

<style lang='scss' scoped>
.footer_home {
  width: 100%;
  height: 60px;
  background: #f6f6f6;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  font-size: 13px;
}
</style>